Alguno de nosotros nos vimos en algún momento en la necesidad de informar de algo, cambio de alojamiento de archivos, nueva dirección, obras en el blog, ausencia, una noticia de interés...
Lo más sencillo es crear una entrada eso no hay duda, pero si queremos que ese aviso sea diferente, que resalte quede bien visible y que tenga el protagonismo suficiente para llamar la atención entonces dudamos ante las diferentes formas de hacerlo.
Con este script que voy a añadir podemos conseguir un cartel de aviso muy atractivo y a la vez elegante, el efecto flotante hace que el cartel se muestre según nos movemos a lo largo de la página. No resulta molesto ya que podemos prescindir de él con un simple click.
Para añadirlo nos ubicaremos en plantilla edición de HTML y buscamos ]]></b:skin> justo antes añadimos los estilos del cuadro de aviso:

#topbar{
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: white;
width: 640px;
visibility: hidden;
z-index: 640;
}

- En border podemos cambiar el tipo de borde, grosor y color.
- Con background el color de fondo.
- Para aumentar o disminuir la anchura en width.
- La propiedad z-index la utilizamos para crear capas a una altura diferente, en este caso le añadimos el mismo valor que a width.
- Si deseas añadir una imagen de fondo en lugar de color sustituimos
background-color: white; por background:url('aquí tu imagen de fondo');

Guardamos los cambios y buscamos:
<div id='outer-wrapper'><div id='wrap2'>
para añadir justo después lo siguiente:

<div id='topbar'>
<a href='' onClick='closebar(); return false'><img border='0' src='url-imagen-cerrar'/></a>
Contenido del cuadro de aviso.
</div>

Por último vamos a añadir el script, como es bastante extenso para no recargar la plantilla vamos a añadirlo como un elemento de página (ahora gadget) escogiendo para ello HTML/Javascript..
Si el cartelito tarda mucho en cargar podéis probar a añadir el script justo antes de la etiqueta </head>


Script


    <script type="text/javascript">
    var persistclose=1 // Se coloca en 0 o 1. 1 significa que una vez que la barra es cerrada, entonces permanece cerrada en el resto de la sesión
    var startX = 20 // Tamaño horizontal de la barra en pixeles
    var startY = 5 // Tamaño vertical de la barra en pixeles
    var verticalpos="fromtop" // "fromtop" o "frombottom" para definir si va arriba o abajo.

    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }

    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }

    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }

    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }

    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>

Como siempre digo la imaginación es la que cuenta, podéis verlo funcionando en Fuxion WAREX





DeSfAuSeR

hola gema grax por ayudarme en eso :D
te a quedado exelente la entrada con el script
saludos y te vuelvo a decir tu blog lejos lo mejor que he visto :) hay te mande eso saludos
desde chile :)

Responder
Anónimo

hola Gema, es excelente la entrada...hace unos meses busqué en los blogs de "chicas y chicos que ayudan" no lo conseguí...lo guardaré porque por ahí no quieres dejarlo en una entrada...también sirve como anuncio!!!...besos cariño!!!

Responder
Patán
Este comentario ha sido eliminado por el autor.
Responder
Patán

Muy bonita entrada, hace bastante tiempo que buscaba esto, es más, a Pizcos, le había preguntado sobre esto, pero no tenía la solución, ahora tu nos las regala.

Besos y Abrazos querida amiga

Responder
Patán

Gem@ en la parte final del script, tienes un / y un > de sobra..

Responder
Gem@

Hola DeSfAuSeR me alegra verte, voy a mirar el correo y me pongo en contacto contigo ;)

Me alegra que te guste Graciela de Palomas :)

Gracias por comentarlo Patricio un despiste al convertir el código ;)
Me alegra que te sea útil.

Responder
Admin

Muy bueno gem@!! Ahora una preguntita, donde iría la imagen, por ejemplo la del ganchito o como se llame o cualquier otra, claro.

Otra cosa que no tiene que ver con esto, en el cartelito de Twitter has escrito: "Creo que es general, ocurre en varios blogs, no toquéis nada se soluciona solo." A que te refieres con eso?

Como a mi todo me está funcionando bastante mal me gustaría saber que quisite decir.

Besos ;)

Responder
Unknown

Hola Gema, necesito un poquito de tu ayuda. Veras tenia instalado lo de mostrar entradas aleatorias con el dado y desde hace unos dias comprobé que ya no funcionaba igual y mostraba cosas raras internas de blogger cuando siempre antes funcionó bien. Fui a Vagabundia y a el le pasa lo mismo (le avisé). Luego volví aqui y lo hice de la forma que tu lo tienes explicado e igualmente me salia mal (igual a como me aparecia a mi que ahora he retirado) y al ver que tus "daditos" funcionan queria saber si me puedes pasar tu propio codigo para probar si a mi me funciona.

Besossssss

Responder
Gem@

k_nelita la del ganchito por ejemplo la añadí como fondo en los estilos donde background-color: white; pondríamos:
background:url('aquí tu imagen de fondo');
background-repeat: no-repeat;
También puedes añadirla dentro del DIV donde añadimos el contenido del cuadro de aviso.. Hay muchas formas de personalizarlo por eso me limité a mostrar esos ejemplos para dar una idea.
El mensaje de Twitter era que esta tarde el servidor estaba caído por eso decía que es algo general ;)

Responder
Gem@

No pensaba contestar anónimo porque tengo por costumbre eliminar los comentarios que demuestran mala educación pero voy a hacerlo para no crear un malentendido.
El ejemplo que puse es de un blog donde tienen añadido el efecto de esta entrada, en el lugar del contenido el autor es libre de añadir a su antojo lo que quiera, si bien es cierto que añade un enlace que contiene publicidad pero pienso que no es una publicidad dañina o que pueda herir la sensibilidad de nadie por eso no le di mayor importancia (se trataba de mostrar el efecto)
Sus palabras mal sonantes sobran porque, que quede claro esta "gente" es educada.

Responder
Gem@

Hola Malina no he apreciado esos problemas que comentas pero también es cierto que no lo he comprobado desde que lo añadí.
El código que tengo es el que genera el widget que se puede copiar antes de añadirl oal blog. Este es el que yo tengo:
<center>
<div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script>

</center>

Donde a.innerHTML = 'Are ya feeling lucky, punk?'; va la imagen ;)

Responder
Anónimo

Hola Gema. La verdad es que en html soy un negado, pero como tu lo explicas tan bien me aventuro a hacer las cosas que nos dices. He puesto todo como dices en el artículo, le doy a vista previa y sale perfecto, pero cuando despues de guardar cambios abro el blog, no sale nada. No se por que.
Por otro lado ayer le puse musica de fondo al mi blog como explicabas en otro artículo, y no te dejé el enlace. Aqui te lo dejo.

Responder
Gem@

Hola Alvaro yo si veo el cartelito de color rojo invitando a comentar. Y lo veo con Firefox y Explorer, tarda un poco en verse pero muy poco.
Actualiza la página pulsado la tecla f5 y verás como si lo visualizas.
Gracias por acordarte de mi observación, me gusta ver las ideas que tenéis y los resultados ;)

Responder
Bonzu Pipinpadaloxicopolis III

Muy útil Gemá y muy atractivo el efecto, me dió curiosidad si tu no sabes que plantilla tiene Fuxion WAREX porque me agrada la vista que deja


saludos!!

Responder
Anónimo

Hola gema muy bonita esta entrada, y me gustan las nuevas letras que dicen "Algun comentario que Hacer" el unico detalle jejejeje es que cuando puse el puntero sobre la imagen, la arrastre a la caja de mensajes y como defecto muestra la direccion para poder copiarla jejej un detalle que me causa gracias.

Saludos :) y que tengas el mejor de tus dias.

Responder
Anónimo

Hola Gema, Agradeciria muchísimo si pudieses ayudarme, me gustaría poder publicar en mi blog (http://mar-verde.blogspot.com/) las fotos más grandes, tal y como salen en este otro (http://casienserio.blogspot.com/), Sabes como hacerlo????

1000 Gracias por adelantado y bss
agusalbiol@gmail.com

Agus

Responder
RGrafiko

Hola Gema! :D Cuanto tiempo sin pasarme por aqui...

Voy a ponerme al dia con todas estas cosicas nuevas que hay por aqui, de momento te digo que lo de la burbuja en los comentarios lo voy a poner casi ya :P

Gracias! ^^

Responder
germanbg

Pues si que está ben esto, ya se me ocurre más de una utilidad. Muchas Gracias.
SALU2

Responder
Loli

Hola Gema. Te quiero hacer una consulta a ver si me puedes ayudar porque ya no se que más hacer. Desde hace unos días en mi blog donde hay acentos o "ñ" salen caracteres extraños. Incluso los comentarios y fotos no aparecen. Yo he cambiado nada del blog (aparentemente) sino lo normal: añadir comentarios, fotos etc. Mi bolg comienza con ?xml version="1.0" encoding="UTF-8" ?. Yo lo he solucionado instalando IE7 y Firefox pero no puedo obligar a que todos los que lo quieran ver lo hagan. Incluso me han dicho que teniendolo instalado tienen que ir a "ver-> Codificacion -> Windows " para verlo más o menos. Ojo que he dicho "windows" y no dejar UNICODE UTF-8. La verdad es que ya no se que más puedo hacer. Gracias
www.tallerdeloli.blogspot.com

Responder
Liz Hopps

gemita...snifff..no resultooooooooooooooooooooooo!!!! y la necesito para promocionar mi blog de amigos...me ayudas
besotes y perdona por abusar
sniffffffffffffff!!!

Responder
Admin

Loli si te sirve mi opinión, yo lo veo muy bien con FireFox 3.03 y creo que no debieras preocuparte porque nos pasa a todos lo de volvernos locos para compatibilizar con los navegadores.
La gente va a tener que darse cuenta en algún momento que tiene que actualizarse, de lo contrario cada vez van a ver peor todo.
Has hecho muy bien de poner ese aviso de que actualicen con los logos de IE y FF, yo tengo problemas con los flash, los reproductores, aquellas personas que no han actualizado su flash no los visualizan o no los pueden reproducir, así que si te sirve de consuelo...
Aunque mi padre decía: mal de muchos consuelo de tontos, pero bueno...

Suerte!

Ahh por cierto muy lindo tu blog ;)

Y gem@ se fue de pesca buaaaa

Responder
Gem@

Hola Bonzu pues la verdad no lo sé porque no tiene los créditos que normalmente añaden los autores de las plantillas :( quizás si le preguntas de dice la página.

Me alegra que te guste Power, y si, es un dato curioso el que me comentabas que arrastrando la imagen aparece la url pero no solamente ocurre aquí sino en todos los formularios incrustados :)

Agus la diferencia es que las imágenes grandes están alojadas en Flickr y las pequeñas en Blogger.
Blogger permite subir las imágenes del tamaño que sean pero las muestra de un máximo 400 aunque eso si, al hacer clic sobre ella la podemos ver en su tamaño original.

StudioM6 cuanto, pero que cuanto tiempo !no te vuelvas a perder¡ :)

kyle xy ummm ta nos contarás esas ideas :)

Loli he leído tu comentario y accedí a tu blog con Firefox, luego lo hice con Explorer y se ve perfecto, ni problemas con acentos ni de imágenes, como bien dice k_nelita que es toda una experta no podemos hacer nada en ese aspecto, el problema no es tuyo es de las visitas que no tienen actualizado su navegador.
Es como si instalas un programa en tu PC y lo haces con una versión antigua siempre tendrá menos prestaciones que las que salieron posteriormente.
Yo creo que muchos no actualizan sus navegadores por miedo a no saber hacer algo o ignoran que pueden hacerlo ellos mismos. Normalmente el mismo navegador nos va informando de las actualizaciones pendientes :)
(Tu plantilla empieza como todas)

Liz es muy sencillo, pero si no te resulta déjalo instalado que vea donde está el error ;)


k_nelita regreséeeeee jajajaja vi otros comentarios tuyos en mi correo voy ya mismo a ver de qué tratan :)

Responder
Liz Hopps

Gracias gemmita y otra pregunta
Puedo cambiar SOLO la monita de mi header...es que hay un hada maravillosaaaaaaaaaaaa!!!!

Otra cosa...los brillitos que se ven en algunos liks de donde se pueden sacar?

Besis

LIZ

Responder
Gem@

Liz ¿qué monita? ¿de qué blog me hablas no es el de amigos? me lío con tanto blog :O
No conozco un blog especifico para esos efectos de los enlaces pero si hay uno que tiene efectos en los enlaces

Responder
Liz Hopps

Si ese efecto...yo he visto uno como de estrellistas cayendo aqui =ttp://www.lecoffredecasea.com/

Ahora la monita es la del blog de amigos, solo reemplazarla se puede? o hago otro header se puede?

oye tu regalito crece, asi que no debes copiarlo si buscar el codigo si no sabes donde to te digo, pero eres muy inteligente para ello

besototes

Responder
Gem@

Esas estrellitas son un fondo Liz, yo pensaba que te referías a liks (enlaces)
fondo
El blog de amigos es "Reinos Mágicos" ¿y la monita dónde está que no la veo?
Una monita es una mona pequeña ¿no?

¿Crece el gatito? no me asustes jajajaja !veremos donde le acomodo¡

Responder
Nintendo Stars

wooow!! Qué bonito se ve esto, Gem@!!

Ahh, ya la puse bien, pero sólo la ví una vez:S y ya después no, creo que es por que ya no se repite y hace una coockie, pero muchísimas gracias.
NINTENDO STARS TE DAMOS LAS GRACIAS POR TUS APOSTACIONES
BYE

Responder
Gem@

Así es Nintendo... el cartel permanece mientras no se cierre o se actualice la página :)

Responder
Anónimo

Hola Gema! te vengo a dar las gracias por tus explicaciones excelentes, ya puse la ventanita (con una pavada jaja la cuestión era ver si quedaba).
Saludos

Responder
Anónimo

Ahhh me olvidaba, también puse las imágenes de los comentarios gracias a tus explicaciones :D sos muy buena maestra!jaja

Responder
Liz Hopps

AH y la monita es el dibujo del header de mi blog de amigos nuevos...

besis

Responder
Gem@

Quedó precioso Luna ;)

Liz ohhhh yo buscando una mona en lugar de una muñeca :(
"La mona" va en el mismo fondo del header, no es posible eliminarla Liz para hacerlo es necesario sacar el banner completo :(

Responder
Admin

Lo hice... lo logré ja ja, hice el cartelito, está en FolkTango, usé la imagen que dabas para el menú con CSS, pero tenía un problema, también iba una imagen para cerrar, y yo ya había hecho el cartel con la imagen de fondo con la cruz de cerrar incluída.

No se si me explico, en el código van dos imagenes, una la de fondo el background que me dijiste que le agregara, cuando te pedí como ponerle imagen, recuerdas? y la otra para cerrar.

Yo puse en las dos la misma imagen toda completa con texto y cruz (se entiende?), bueno y me salían las dos superpuestas, feo, muuuy feo, entonces me dije, tengo que sacar una, cual? la que estaba como background en los estilos, y dejé la otra que es la que funciona de cierre, así que ahora toquen donde toquen el cartelito se va, no hace falta tocar la cruz.

No soy una genio de la chapucería?? :D

Bueno si no entendiste pasá por FolkTango y miralo vos misma jaj aja ja ja

Besote ;)

Responder
Admin

Ahh, me llevo el logo de Pedirle a Blogger para alojar archivos que tenés nuevito y me gustó mucho para ponerlo en Te Propongo, que el que tengo es muy grande y este es mas bonito, no te molesta no?? :o

Bechoo;)

Responder
Admin

Ahora no lo veo al cartel... :( Por favor pasá y decime si vos lo ves y con que navegador, es muy raro, yo lo veía con FireFox y ahora desapareció, no se si es mi computadora, mi conexión, Blogger o que...

Tampoco me actualiza los comentarios, tengo gastada la tecla f5 :'(

Responder
Gem@

Te quedó lindo el cartelito, quiero decir que si puedo verlo, verás la idea de añadir el script como un elemento de página es para no llenar la plantilla de tanto código pero si ves que tarda en cargar puedes probar a añadirlo justo antes de la etiqueta </head>. Al estar en la plantilla lo leerá antes :)
El tema de los comentarios hay días que tarde depende el sistema que uses.
Más cosas.... el "nuevo" logo de alojamiento de archivos es el mismo :)
Te explico... estoy limpiando la sidebar y organizandola lo que hice fue reducir la imagen y añadirle el efecto de la librería Glossy es un efecto maravilloso que tarda una miajita en cargar pero me encanta puedes verlo aquí

Sobre tus dotes chapuceras jajajaja me ha gustado esa palabra yo las veo geniales, siempre digo que un gran genio sin ideas no es un genio ;)

Responder
Admin

Hola gemit@, aquí la chapucera otra vez :D
Una pregunta el cartelito sale solo una vez? porque salgo, y vuelvo a entrar y no sale, la primera vez si sale, pero aunque le de a f5 no vuelve a salir es normal eso??

Lo de Glossy está muy lindo pero medio complicado para elegir que efecto quieres darle a las imagenes no? teniendo en cuenta mi problema con el idioma, aunque use el traducto se me complica...

Prefiero usar Grsites y hacer botones del tamaño que quiero y con el fondo y efecto que una elige, o será que ya me acostumbré a usarlo, no se... me parece mas sencillo.

Gracias por lo de genio :D ja ja me queda grande el o la genio acá sos vos! ;)

Responder
Gem@

El cartelito sale cada vez que accedes ala página k_nelita (haz la prueba en el blog que puse de ejemplo)
Pienso iguak que tú que para el efecto en los botones mejor crearlos, porque no existe el problema de tener que usar un script y también el efecto es inmediato.
La utilización de Glossy es fantástica hasta para añadir los efectos a cualquier imagen pero no quiere decir que sustituya cualquier otra herramienta es como yo suelo decir para jugar ;)

Responder
Liz Hopps

Aconsejame gemma para hacer algo bonito que recuerde mi nuevo blog de amigos...ya ha empezado a funcionar pero necesito que se acuerden ...bueno y me serviria para otras cositas =)

Q hago?

besostes

Responder
Gem@

Veamos, cualquier cosa que añadas si no te visitan no la van a ver obvio :O
Pienso que las visitas vienen por su propio gusto no hay que forzarlas, hay quien crea jueguitos, concursos, premios ... ya sabes todas esas cosas que atraen.
Pero si te soy sincera lo que más atrae a un blog es que el contenido sea interesante, naturalmente a todos no, nos interesan los mismos temas es cuestión de gustos :)
¿Y si creas una encuesta y preguntas lo que más les gusta?

Responder
Liz Hopps

gemma es para recordarles que pueden dejar su cunpleaños y enlace si lo desean...no para promocionarlio..me entiendes?..tampoco creo que las promociones.

Besitos

Grcais por el consejo...tu eres siempre una buena maestra

Responder
Liz Hopps

y va en mi blog normal.no te confundas jajaj

besis

Responder
Gem@

Entonces puedes añadir el cartelito flotante :)

Responder
Bonzu Pipinpadaloxicopolis III

Si Gem@ desde que lo vi lo puse en mi blog, pero qué pasa cuando no queremos saturar nuestra sidebar con mas gatget en HTML/Javascript.



Como tu dices es añadir el script justo antes de la etiqueta </head> pero veo que no dices como hacer eso y según leí en Vagabundia es:



<script type='text/javascript'>

//<![CDATA[

....... aquí copiamos el código .......

//]]>

</script>



Y para agregarle un fondo de imagen



<div id='topbar'>

<a href='' onClick='closebar(); return false'><img border='0' src='url-imagen-cerrar'/></a>

<table background="URL-DE-LA-IMAGEN-DE-FONDO" border="1" bordercolor="#000000" cellpadding="1" cellspacing="1" width="100%" height="100%"><tbody><tr><td>Contenido del cuadro de aviso.

</td></tr></tbody></table>

</div>


Responder
Bonzu Pipinpadaloxicopolis III

es correcto??

Responder
Gem@

Bonzu se puede hacer añadiendo el script en un elemento de página y por supuesto antes de </head> que es el lugar indicado para añadir los scripts.
Cuando digo añadimos me refiero a pegar el script, funciona de las dos formas como dice J.Miur y pegándolo directamente.

Y para agregarle un fondo de imagen perfectamente se puede hacer en la parte de la css del background llevas razón que no dije como añadir una imagen daba por echo que todos sabemos que en background podemos añadir el fondo (error mío que rápidamente voy a subsanar)
J.Miur ha creado un efecto Fade muy vistoso y a decir verdad una entrada magistral como todas las que hace.
Quien mejor te puede decir si es correcto o no es J.Miur creo que su opinión va a tener más veracidad para ti que la mía ;)

Responder
Bonzu Pipinpadaloxicopolis III

Con cualquier mejora que tenga tu blog, el de JMiur, el mí o cualquiera siempre hay alguien que se beneficiado, lo malo de cuando publicamos mucho y ya aprendimos olvidamos que muchos no saben o que de momento olvidan, como yo, olvidé lo del background y si es cierto lo de ponerle el fondo desde ahí, pero al hacerlo quedaría embuelto el ícono de cerrar.

JMiur es muy bueno, pero no te desacredites, entendí lo que me dices y con eso basta.

Responder
Liz Hopps

Gemma no es por molestar parao ya lo añadi y no resulta....lo deje ashi para que lo vieras..sniff...no se porque no resulta

un besote

ah tengo ideas para mi blog de amigos...te puedo escribir un mail?

Besotes again

Responder
Gem@

El botón de cerrar se añade en el DIV queda de este modo el evento onClick que es el botón sobre el fondo, en las imágenes de prueba puede verse y en el enlace que dejo para ver el efecto también. No me desacredito, además esto no es un invento mío simplemente lo vi en un blog y averigüe como hacerlo.
Como tu bien dices es muy fácil hacerlo lo difícil es extraer más posibilidades, más efectos. Yo suelo decir exprimirlo al máximo y eso es lo que hace J.Miur ve un granito de arena y construye un castillo y no sólo eso lo mejor de todo es que nos enseña a construirlo.
Por eso te dije que le preguntaras sin ánimo de molestarte simplemente porque es quien tiene la respuesta acertada.
Si me entendiste entonces todos tan contentos :)

Responder
Admin

En cual blog lo pusiste Elizabetha?
No veo nada en El mundo según Elizabetha, lo pusiste en otro blog?

Un beso ;)

Hoy vi un comentario tuyo en un blog de pruebas que casi nunca uso, cualquier cosa que quieras preguntarme hacelo en los blogs principales, si? :)
No recibo en el correo los comentarios de esos blogs de pruebas y por lo tanto no me entero que haya alguno.:(

Responder
Gem@

Hola Liz al parecer escribías mientras le contestaba a Bonzu y te pasé por alto ;)
No me puedes escribir un mail Liz me puedes escribir todos los que quieras, es más te lo pensaba decir porque los mensajes de twitter no dan como para explicarse.
Veré el cartelito ¿en el blog de siempre ? jajaja voy a tener que enumerar tus blogs para poder ubicarme mejor :)

Responder
Gem@

¿Ves? no soy yo sola la que se pierde :) :)
Lizzzzzzzzzzzzzz deja siempre enlace al blog que te refieres por favor jajajajaja

Responder
Admin

Estabamos comentando juntas gem@ ja ja ja :D
Liz tiene tantos blogs que yo tampoco se en cual lo puso, pero suponía que era en el principal ya que quiere que la gente entre al blog de amigos y supongo que allí debería ponerlo no?

Besotesss;)

Responder
Bonzu Pipinpadaloxicopolis III

Hola Gem@ ahora entriendo el comentario que hiciste por que saltamos a Elizabetha Souvre jeje

Y si todos contentos :)

Responder
Gem@

A veces de los comentarios se crea una conversación (eso me encanta) pero también puede crear confusión :)

Responder
Liz Hopps

Es en mi blog normal

harshies.blogspot.com

esta puesto, pero no funciona...me ayudan?

ambas son muy dulces conmigo

besos

Responder
Admin

Hola Liz, si ayer miré ese blog y no vi nada, ahora mirando mejor arriba de todo dice (muy chiquito) "Contenido del cuadro de aviso".

Sin ninguna duda que algo has hecho mal, porque no pruebas a seguir paso a paso las instrucciones de gem@, si hasta yo pude... no es tan dificil, bueno que gem@ te diga que opina ella que es la que sabe, yo solo sigo lo que ella dice y a veces me salen algunas cosas :D

Beso Liz y suerte ;)

Responder
Gem@

Liz añade el script justo antes de la etiqueta </head>

Responder
Liz Hopps

Knelita..Gema graciass

Responder
Liz Hopps

Gemma no me acepta "&" al tratar de ver la vista previa

creo que no resultara =(

Besis

Responder
Gem@

Yo creo que algo no se está haciendo bien Liz ¿por que no lo intentas en el blog de pruebas?

Responder
Inmortal

A mi saleio el mensaje hasta arriba de tod mi Blog y no en forma de cartelito, si entras a mi Blog Veras que paso, jojo, haber si puedo resolverlo, sino, espero que puedas ayudarme....!

Gracias!

Responder
Inmortal

oops que me abra saldo mal?

ya mejor lo quite....
Espero puedas decirme que paso!

[img]http://img149.exs.cx/img149/8608/bouncingsmilie8mk.gif[/img]

Responder
Gem@

GuillermoZ0009 por lo que veo te han bloqueado el blog así que lo más importante ahora es recuperarlo. Sigue los pasos que te indican en el escritorio, y no estaría mal que en el Foro de yuda Google expusieras el problema.
Sobre el cartel de aviso en el blog de pruebas lo veo funcionando bien ;)

Responder
Anónimo

Hola Gema!!! he tratado de colocar el cartelito y no se ve!! :(
A ver si pudieras ayudarme! mil gracias!!!
http://sumas-restas-beta.blogspot.com/
Perdona, pero al ser el blog de pruebas, está feito el pobre! :P

Responder
Gem@

Yo si lo veo anónimo, con Firefox y con Explorer, lo que no se distingue es el color de fuente porque es del mismo color que el fondo :)

Responder
Admin

Yo también lo veo con FireFox, pero... no solo no se ven letras, sino que no hay enlace para cerrarlo, ya he visto esto en algún otro blog y el dichoso cartelito te persigue por donde vayas, parece que algunas personas se saltean el paso de ponerle el enlace de cerrar :o

Gem@ que bonito está quedando tu blog, lo has ensanchado, cosa que no me favorece ja ja, (a ver si Papá Noel me trae un monitor mas grande jaja) pero, le has agrandado las fuentes y eso si que me gusta, que maravilla poder leer sin esfuerzo :) ♥ ♥ ♥

Responder
Gem@

k_nelita le doy más vueltas al blog que un sereno en la ronda nocturna jajajaja
Ojalá te traiga un monitor bien grandote :)

Responder
Admin

Realmente lo dudo mucho (lo del monitor) pero que le das vueltas al blog no tengo dudas, vives destripandolo ja ja :D
Ya me di cuenta que estabas trabajando, se corrigieron los errores de los enlaces de abajo, pero te salían cosas arriba de la cabecera, me dije gem@ lo está poniendo patas para arriba ja jaaa ♥ ♥ ♥ ♫ ♫ ♫ ♥

Responder
Gem@

jajajaja estaba limpiando la plantilla de códigos, eliminé todas las variables porque tengo definidos los colores en la plantilla.

Responder
Anónimo

Sois la caña!!! muchas gracias a ambas!!! Gema y K_Nelita!
La verdad es que no sé por qué no lo veo aún!!! y me he puesto las gafas, eh! lo prometo! ;D

Seguro que es mi PC, por que últimamente me está dando bastantes disgustos... bueno, como la formatearé no pasa nada... ya os cuento cuando entre. Lo que si, el paso este de ponerle la opción de cerrar... :S pues no sé por qué no sale! juro haberlo hecho igual... de todos modos, repasaré!
Mil gracias! ya os cuento, vale!? muás!

Responder
Admin

Mariela, te cuento tu cartelito es laaaaaargo y finito, de color blanco y cuando vas bajando por el blog te persigue a todos lados ja jaaa :P No se le ve ninguna letra, si es que las tiene, como te dice gem@ tal vez le hayas puesto fuente blanca y como el fondo es blanco pués no se ve nada, y como te dije tampoco una crucecita para cerrarlo y que deje de perseguirte jajaa :D Repasa cariño repasa, que algo habrás dejado por el camino ;) Y contanos, claro :)

Gem@ esto de los comentarios es de hoy no? Ayer no estaba así, y hoy temprano tampoco, muuuuuuy fino, precioso, me encanta ♥

Ahh otra cosa que me gusta que me olvidé de decirte ayer es que cuando marcas alguna palabra o frase, en los textos de los post, se marca en rojo, que lindo queda! Será que me gusta mucho el rojo... Tenés un buen gusto muy especial!

Besotes ♥ ♥ ♥

Responder
Gem@

Mariella:
En el código no añadiste la url de la imagen para cerrar, donde dice "url-imagen-cerrar"
En la frase del contenido tienes esta "Contenido del cuadro de aviso."
En el primer código donde dice:
#topbar{
position:absolute;
border: 1px solid black;
padding: 5px;
background-color: white;
width: 640px;
color:#000;
visibility: hidden;
z-index: 640;
}

añade lo que está en negrita así añadimos color negro a la fuente.

Responder
Gem@

k_nelita lo añadí anoche, pero es algo de prueba :)
Lo de marcar el texto de otro color puedes hacerlo, está en esta entrada :)

Responder
Anónimo

Chicas!!!!!!!!!!! Jeje... vaya un entrevero el que hice! el caso es que esta pagina es de pruebas unicamente, y por eso no me preocupaba en darle formita ni nada... primero quería que se vea el cartelito y luego ya, darle la formita.
Pues si!.... LO VI!!!!!! que emoción!!!!!!!! :D
El caso es que sólo lo vi una vez! :(
Yo creo que algo tiene que ver con las cookies... :( qué me aconsejais!?
Y si K_Nelita... es laaaaaaaaargo!!! aajajaja.
Y si Gema, me faltaba la imagen! madre mia! que de cosas!! jajaa...

A ver si me ayudais con lo de que sólo se vea una vez... es que ahora que le vi, ya tengo mono de verle otra vez! :D además, que quiero arreglarlo bonito, y ya ponerlo en el blog "de verdad", os lo doy para que os paseis, si deseais: http://sumas-restas.blogspot.com/
el de pruebas es http://sumas-restas-beta.blogspot.com/

Bueno, pues un besito !!!! muas muas!

Responder
Admin

Mariela, ja ja ya va tomando color (literalmente ja ja ) :D y si, sale solo una vez, tal vez tenga que ver el sitio donde pusiste el html, yo en código fuente no veo eso...

Lo que si vi, que no tiene nada que ver, es que tienes un archivo js en Google Pages, yo que vos ya lo estaría mudando, le quedan pocos días a Googlepages, el archivo es este:

http://andrewhonors.googlepages.com/fecha.js

Lo demás que te diga gem@, yo no se mucho. ;)
Suerte!!

Responder
Gem@

Hola chicas :)
Mariella prueba a colocar el script justo después de ]]></b:skin> con eso comprobamos si carga mejor y de paso que se visualice con Explorer ;)

Responder
Mariella Jáuregui

Holassss chicas, no sé por qué no me deja poner mensajes!!! :( he tenido que hacerlo con el editor antiguo.
Bueno!!!!... ya tengo mi cartelito!!! pasen a verle! :D jajaa... es que estoy feliz en serio! por que le tengo ya finalmente y configuré el IE para que siempre que entre lo pueda ver.
Bueno, pues mil besos!!!!
Denme ideas a ver qué más puedo colocar en la página...
El cometido del blog y brindar información de las clases que dan en la universidad donde estoy. Brindo mis apuntes de clase, etc, cosa que si alguien no puedo asistir a la clase, no hay problema, por que incluso hay audios! :D
http://sumas-restas.blogspot.com

Responder
Gem@

Sinceramente Mariella ha quedado estupendo, la temática del blog me parece muy interesante y altruista.
Felices fiestas :)

Responder
Admin

Hermoso, Mariela te ha quedado precioso!! :)
Muy bueno el blog, te felicito!!

Un beso ;)

Responder
Reportero Peyote

Con ese código, una vez que lo cierras no vuelve a aparecer (muy útil por otra parte). Para que aparezca cada vez que accedas a la página, hay que modificar:

----> visibility: hidden;

Que lo preguntaban por ahí :P

Responder
Gem@

No vi que lo preguntaran lo mismo me he perdido :O
Con visibility: hidden el cuadro se oculta pero sigue estando, cada vez que se carga la página este aparece ¿te referías a eso?

Responder
Admin

Gem@ no se las explicaciones que dice Reportero Peyote, pero si se a que se refiere, habían algunas personas que no les salía el cartel mas de una vez, o sea una vez que lo cerrabas ya no volvía a aparecer ni con f5, a mi a veces me pasa también, pero solo a veces... ;)

Responder
Gem@

Veamos si nos lo explica...

¿knelita viste la entrada sobre Vimeo? me acordé de esos vídeos que tu chico graba con el celular y no sé qué problemas tenía.

Responder
Admin

Si, si que la vi, pero no se si es mi pc, mi conexión o que cosa que no pude entrar en Vimeo se cuelga, esta media hora cargando... no se, hoy todo me cuesta cargar, bueno todo, no, algunas páginas, las de Blogger sobre todo, y a Vimeo no pude entrar, ya veré luego...

Responder
Gem@

Ok, cualquier cosa me dices algo ;)

Responder
ALEXEI

hola gema
puse tu codigo pero
no baja
cuando se baja la pagina
se queda fijo
me ayudas

mi blog es
http://esticker.blogspot.com/

adios.y muchas gracias

Responder
Gem@

Alexei no veo el script en tu plantilla ¿lo añdiste?

Responder
Anónimo

Hola apreciada gema, espero que te encuentres con muchas bendiciones en este año que acaba de iniciar.

El motivo de mi mensaje es para pedirte un favor, ya que estoy tratando de poner un mensaje , como el que tu sigieres en este tema, pero he dejado la muestra para que veas, que el cartel del aviso no se mueve y ocupa un espacio muy feo en la barra de presentacion.

Habra alguna forma de que puedas ayudarnos a solucionar este problema?

te lo agradeceriamos, ya que lo hemos probado en otro blog de prueba y funciona de maravilla, en este no sabemos porque no lo esta haciendo.

Gracias de antemo :$

Responder
Anónimo

Gema dame una señal de vida :(

Responder
Gem@

Daniel disculpa, que leí tu ayer tu comentario pero cuando quise contestar ya era muy tarde.
Vamos al tema ya mismo...
Vas a añadir el script justo antes de </head> es el sitio indicado y de esa forma cargará antes.
El espacio que ocupa es el que tu diste a la imagen, si quieres mi opinión resulta mejor dando más anchura y menos altura, se trata de dar una información sin ocultar el contenido del blog.
Prueba y me dices si resulta :)

Responder
Anónimo

Te enviare todos los datos a tu correo, para informarte mas detallado, gracias por tu pasciencia. :p

Responder
Gem@

» De acuerdo Daniel ;)

Responder
Rotting Faith

hola que tal Gem@ primero que todo quiero darte las gracias por todo lo que tienes en tu blog varias cosas me han servido de mucho que haria sin ti jejejeje.

des pues de mi corto pero sincero saludo paso a lo siguiente mira tengo un problema con esto me salio y todo pero quiero que el mensaje tenga una resolucion de 223x223 pero solo lo ancho me sale como es y lo otro no no que que sera lo que este haciendo mal le puse en padding: 223px;
pero mi sorpresa que me salio la imagen duplicada jejeje bueno si pudieras ayudarme te lo agradeceria sin mas que decir gracias de nuevo salu2.

Responder
Gem@

yz NightmarE yo veo que tienes de width: 233px; y en height: 223px; y se ve perfectamente :O
He probado incluso con distinto navegador y e los dos se ve igual.
CAPTURA

Responder
Motoramica | Historia del Motor

Gema! ¿Es esto posible?:
http://i520.photobucket.com/albums/w324/Denshou_album/muestradeoptimizacindelblog.png

Me gustaría un cartel flotante con estilo y links que vaya a la derecha de mi blog, para aplacar la carencia de sidebars laterales.

Gracias y saludos!

Responder
Gem@

yz Es posible añadirle los estilos que tu quieras y ubicarlo en la posición que deseas. Sería cuestión de probar antes en otro blog ;)

Responder
H4D35-X

Excelente negro,

Me viene al pelo

Gracias por compartir

Responder
Gem@

yz Gracias a ti por comentar H4D35-X

Responder
CHiCken

Quisiera saber como poner un mensaje al momento de que entres al blog, como el de alert o de information, algo parecido al MsgBox.

Responder
Gemi-chan

Hola Gema visito muy a menudo tu blog y me viene al pelo muchisimas veces, pero ahora tengo un problema.

He puesto el primer "codigo" que has puesto (el de modificar el color de fondo y eso..) pero ahora no encuentro donde pone
< div id='outer-wrapper' >< div id='wrap2' >

Lo más parecido que veo es esto

< div id='wrapper' >


No sé si me puedes ayudar pero... Es posible que este en otro lugar? o.o Por mas que miro no lo encuentro!

Gracias de antemano! :)

Responder
Gem@

:: Hola Gemi-chan, hay plantillas que al no se originales de Blogger no vienen de igual forma puedes probar a seguir los pasos añadiendo el div de topbar justo encima de < div id='wrapper' >
-Sería bueno tener una copia de la plantilla antes de realizar los cambios :)

Responder
editor

si no encuentran el div id='outer-wrapper' div id='wrap2' (como mi caso ya que usaba una plantilla distinta de las que da blogger), en edicion html copian y pegan antes del /body (en la ultima parte del codigo donde esta el /body y el /html).

Para que vean que si me funcionó chequen mi blog http://mecm-mex.blogspot.com/

Responder
Gem@

:: Muchas gracias por el dato mecm, aprovechando que estuve e tu blog pregunto..
El archivo flash que tienes en la cabecera no será de alguna herramienta online verdad? :S

Responder
Gemi-chan

Gracias por el dato, pero ahora... resulta que no me deja ponerlo :/ Me dice:

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

Hay algo que he hecho mal? Lo puse asi:

< div id='topbar' >
< a href='' onClick='closebar(); return false' >< img border='0' src='< a href="http://www.glitter-graphics.com" >< img src="http://dl9.glitter-graphics.net/pub/679/679789gs2dqrx3bd.gif" width=62 height=75 border=0 >< /a >'/>< /a >< b >Heloow!~< /b > Bienvenido a mi blog, espero que te lo pases muy bien por mi rinconcito y que me dejes un comment ;3 Te espero again por aquí!~ < b >Byee.< /b >< /div >

Lo siento si soy pesada, pero esto de los codigos es totalmente nuevo para mi y... soy algo patosa :$

Responder
Gem@

:: Gemi-chan estás enlazando la página donde se encuentra la imagen, debes enlazar la imagen es decir descarga la imagen a tu PC la subes a un servidor una vez subida copias la url de la imagen y la añades en lugar de esa que has añadido ;)

Responder
Gemi-chan

Muchísimas gracias Gema!! Ya me sale!! (o por lo menos yo lo veo.. xD)

Si quieres ver el resultado aqui tienes la direccion de mi blog: http://madeingemi-chan.blogspot.com/

Gracias de verdad! No dudaré en recomentar tu blog a quien lo necesite :)

Saludos!

Responder
Gem@

:: Ohhhhhhh que bonito ha quedado el perrito!!

Responder
editor

¿a del tipo de paginas como flashvortex?, no para nada de hecho tuve que buscar un host para alojar mi archivo flash y mostrarlo sin problema. La verdad es que las plantillas online, hay una que otra que se ve bien, pero luego no quedan con el color que uno quiere XD. Saludos!!!

Responder
Gem@

:: Gracias mecm, no recordaba ya sobre que tema hablábamos :S

Responder
Prof. Cesar S.

Hola Gem@, quisiera que me digas como encuentro en la edición html la linea dv id='outer-wrapper'><dv id='wrap2' no la encuentro, y no he podido pegar lo que dices que va debajo. Muchas gracias por tus aportes son excelente. Y perdona la molestia tube que quitarle algunas letras al codigo porque daba error al publicar el comentario, pero aun se puede entender a que linea me refiero.

Responder
Gem@

:: Prof. de Música sería cuestión de buscar EL div de content-outer y probar, porque al tratarse de las nuevas plantillas todo es distinto :S

Responder
Prof. Cesar S.

:) siiiiii ha funcionado debajo de la linea que me indicastes gracias gem@, por cierto sabes que me gustaria que vieras el blog, a ver que me comentas www.funse.blogspot.com, a y tambien me gustaria saber como le coloco una imagen de carga al blog mientras este se carga, valga la redundancia, y que mientras esto ocurre se coloque el usuario no pueda interactuar con el blog, lo digo por los niños, los alumnos mas pequeñitos, no son muy pacientes, asi que hacen clic aun cuando este no ha cargado. Muchisimas gracias Gem@ por tus grandes aportes Dios te bendiga.

Responder
Prof. Cesar S.

Gem@ perdona las molestias, es que, me gustaria saber tambíen si se puede dar propiedades a las letras, como fuente y color. Gracias estoy pendiente a tus comentarios.

Responder
Prof. Cesar S.

Y tambien los margenes, como puedo manipular el contenido del div, como si fuera una entrada, creando titulos sub titulos, centrar, siguiente linea y esas cosas. Jejeje perdona tantas preguntas es que estoy ahora mismo experimentando con eso, y va bien. Gracias de nuevo Gem@.

Responder
Prof. Cesar S.

Para los que comentan que despúes de haberlo cerrado ya no les aparece, recuerden que la función del hidde, es ocultar el aviso, este aparece solo cuando el explorador sea firefox, crom o el que ustedes usem, es abierto por primera vez, para volver a ver el carte, debenran reiniciar el explorador, si lo actualizan no aparecera, tendrán que reiniciarlo, o cerrar y abrir la pagina. Y por favor gem@ cuando puedas respondeme lo de los titulos, los margenes, la fuente de las letras y eso, gracias.

Responder
Gem@

:: Prof. de Música referente a la imagen de carga.
en la siguiente entrada hay una forma de añadirla:
http://gemablog-.blogspot.com/2007/09/aplicar-imagen-de-carga.html
Los estilos para el texto se pueden añadir con la etiqueta span:
http://gemablog-.blogspot.com/2009/03/la-etiqueta-span-y-los-estilos.html
O bien utilizando el mismo editor de entradas y luego copiando el código que nos proporciona en html :)

Responder
Raúl

Hola Gem@ como vas :)

Puse el aviso flotante con una imagen de fondo con background:url pero quiero que esta imagen de fondo me linkee a otra página con target_blank como puedo hacer???

Gracias :D

Responder
Gem@

:: Dónde está añadido Raú??

Responder
Prof. Cesar S.

:) Hola amiga, Gema, espero estes bien, hace u tiempo instalé el cartel de aviso flotante, los y me ha funcionado muy bien, pero hoy se me ocurrio colocar otro, yaque tengo la nesecidad de presentar dos informaciones diferente a los representantes; es decir, que salgan dos carteles flotantes, asi que, asumi que solo debia agregar debajo del div class='content-outer'> otro aviso como el primero, pero no funciono, ummmmmmmmm pense que se debia a que hacen referencia la mismo id, asi que me fuí al id=topbar en el CSS y duplique el codigo pero esta vez dandole el nombre de #topbar2 y de igual manera al id=topbar2 del cartel en el contentouter pero no funciono, asi que bueno aqui estamos, ¿como me puedes ayudar con esto, o simplemente no se puede? y una vez más gracias, de verdad que sin el colega vagabundia y vos no hubiera podido actualizar el blogger. :D

Responder
Cocina

Hola gem@ estoy buscando un cartel automatico tipo anuncio que aparece segundos despues de cargar la pagina y que queda instalado casi al final del blog (a la altura de la flecha subir)y a veces tiene opcion cerrar,:0 no recuerdo donde lo he visto,ojala puedas ayudarme.
Saludos!

Responder
Gem@

:: Hola Cocofansclub pues no sé donde lo habrás visto, este también puedes añadirlo al final antes del cierre de la etiqueta body :)

Responder
Cocina

gracias por responder:D buen finde!

Responder
Gem@

:: Igualmente Cocofansclub :)

Responder
Cocina

Otra vez yo por aqui!:$ perdon Gem@ que insista pero es que quiero mostrarte el cartel del cual te habia hablado esta aqui:http://help.adobe.com/pt_BR/Flash/10.0_UsingFlash/WSd60f23110762d6b883b18f10cb1fe1af6-7e89a.html es muy complicado?

Responder
Gem@

:: Hola Cocofansclub lo miraré en cuenta tenga un ratito porque no solo es mirar hay que probar ;)

Responder
Cocina
Este comentario ha sido eliminado por el autor.
Responder
Cocina

Muchas gracias por tu atencion,yo espero;)
besitos!

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top